var $clueFollowTable = $('#clueFollowTable');
//防止表头与表格不对齐
$(window).resize(function () {
    $clueFollowTable.bootstrapTable('resetView');
});

/**
 * 初始化
 */
$(function () {
    // 初始化日期选择控件
    $('#startDate').datepicker({
        language: "zh-CN",
        autoClose: true,
        clearBtn: true,
        todayHighlight: true,
        format: "yyyy-mm-dd"
    });
    // 初始化日期选择控件
    $('#endDate').datepicker({
        language: "zh-CN",
        autoClose: true,
        clearBtn: true,
        todayHighlight: true,
        format: "yyyy-mm-dd"
    });

    //初始化跟进记录列表
    clueFollowTableInit();

    loadCompanyList();//加载高级筛选公司下拉
    loadAllAccounts();//加载高级筛选所有人下拉
});

function clueFollowTableInit() {
//先销毁表格
    $clueFollowTable.bootstrapTable('destroy');
    $clueFollowTable.bootstrapTable({
        classes: 'table table-bordered table-hover',
        //url: '/csd/csdClueFollow/selectClueFollowPageList',//请求地址
        url: $("#esurl").val()+'/cpClueFollow/selectPage',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: false,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'clueFollowId',
        idField: 'clueFollowId',
        pageSize: globalPageSize,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: globalPageList,//可供选择的每页的行数
        queryParams: queryParams,//查询参数
        columns: [
            {title: '主键', field: 'clueFollowId', visible: false},
            {title: '序号', field: 'index', align: 'center', valign: 'left', formatter: indexFormat,width:120},
            {title: '客户名称',field: 'customerName', align: 'left', valign: 'middle',width: 350,formatter: customerNameFormat},
            {title: '联系人', field: 'contactName', align: 'left', valign: 'middle',width:150,formatter: contactNameFormat},
            {title: '所有人', field: 'createPeopleName', align: 'left', valign: 'middle'},
            {title: '所属分公司', field: 'companyName', align: 'left', valign: 'middle'},
            {title: '跟进时间', field: 'followTm', align: 'left', valign: 'middle',width:150, sortable: true},
            {title: '标签', field: 'tag', align: 'left', valign: 'middle',formatter: tagFormat},
            {title: '操作',field: 'operate',align: 'right',formatter: genderOpt}
        ],
        responseHandler: function (result) {
            //if (result.code == "000000") {
            if (result.code == "200") {
                var obj = {
                    "rows": result.data.list,
                    "total": result.data.totalRecords//总条数
                };
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function () {
            //加载成功时执行
            $("[data-toggle='tooltip']").tooltip();//加这个是为了让操作列的提示图标显示在上方
        },
        onLoadError: function (status) {
            if (status == 403) {
                alert("权限不足！禁止访问！");
            } else {
                //加载失败时执行
                alert("加载失败！");
            }
        },
        formatLoadingMessage: function () {
            return "请稍等，加载中...";
        },
        formatNoMatches: function () {
            return '无符合条件的记录';
        },
    });
}


/**
 * 跟进记录-列表初始化及普通搜索参数
 */
function queryParams(params){
    params.pageSize = params.limit;
    params.pageIndex = (params.offset / params.limit) + 1;
    params.sortName = params.sort; //排序列名
    params.sortOrder = params.order;//排序方式
    //搜索条件
    params.customerName = $.trim($('#customerName').val());//客户名称
    return params;
}

/**
 * 跟进记录-高级筛选参数
 */
function advancedQueryParams(params){
    params.pageSize = params.limit;
    params.pageIndex = (params.offset / params.limit) + 1;
    params.sortName = params.sort; //排序列名
    params.sortOrder = params.order;//排序方式
    //搜索条件
    params.customerName = $.trim($('#customerName-senior').val());//客户名称
    params.contactName = $.trim($('#contactPerson').val());//联系人
    params.startDate = $.trim($('#startDate').val());//开始计划日期
    params.endDate = $.trim($('#endDate').val());//截止计划日期
    params.companyId = $.trim($('#companySelect option:selected' ).val());//所在分公司名称
    params.createPeopleId = $.trim($('#userSelect option:selected').val());
    params.followWay = $('#followWay').val();
    return params;
}

/**
 * 跟进记录--搜索点击事件
 * @param type(1-普通搜索;2-高级搜索)
 */
function searchClueFollowList(type) {
    if (type === 1) {//普通条件查询
        $clueFollowTable.bootstrapTable('refreshOptions', {pageNumber: 1, queryParams: queryParams});
        // 点击搜索重置表单并收起高级搜索 需传入高级搜索id #filterContent
        $('#filterContent').collapse('hide').on('hidden.bs.collapse', function () {
            resetOrderQueryParams('#filterContent');
        });
    } else if (type == 2) {//高级搜索条件查询
        $('#customerName').val('');
        $clueFollowTable.bootstrapTable('refreshOptions', {pageNumber: 1, queryParams: advancedQueryParams});
    }
}

/**
 * 列表序号
 */
function indexFormat(value, row, index) {
    return index + 1;
}

/**
 * 点击客户姓名跳转客户详情页面
 */
function customerNameFormat(value, row, index) {
    if(value == null) {
        return '<span href="JavaScript:void(0);">-</span>';
    }else {
        if(row.customerType == 1){//个人客户
            return'<a href="#" onclick="contactNameDetail(\'' + row.customerName + '\',\'' + row.contactPersonPhone + '\', \'' + row.customerId + '\')">'+value+'</a>';
        }else{//企业客户
            return'<a href="#" onclick=customerDetail("' + row.customerId + '")>'+value+'</a>';
        }
    }

}

function  customerDetail(customerId) {
    parent.$(parent.document).data('multitabs').create({
        iframe: true,
        title: '客户详情',
        url: "/front/user/customerManager/customerDetail?customerId=" + customerId
    },true);
}

/**
 * 我的客户(个人客户)--客户名称列点击事件(客户详情)
 * @param customerName
 * @param contactPersonPhone
 */
function contactNameDetail (customerName, contactPersonPhone, customerId) {
    var contactId = "";

    //查询联系人id,进行跳转
    $.ajax({
        url: '/contact/getCustomerIdAndContactNameAndAccountId',
        type: 'POST',
        dataType: "json",
        data: {
            customerId,
            contactName: customerName,
            contactInformation : contactPersonPhone,
            contactNature : '1'
        },
        success: (function (data) {
            if (data.code == "000000") {
                if (data.data.contactId != null) {
                    contactId = data.data.contactId;
                    parent.$(parent.document).data('multitabs').create({
                        iframe: true,
                        title: '联系人详情',
                        url: "/front/user/contactManager/contactDetail?contactId=" + contactId
                    },true);
                }else{
                    $.alert("数据有问题,请重试!");
                }
            } else {
                alert("操作失败");
            }
        }),
        error: (function () {
            alert("失败");
        })
    });
}

/**
 * 点击联系人姓名跳转联系人详情页面
 * @param value
 * @param row
 * @param index
 * @returns {string}
 */
function contactNameFormat(value, row, index) {
    if(row.followSource == 6 && row.personName){//一机多用联系人显示(直接从cp_clue_follow表获取)
        return '<span href="JavaScript:void(0);">'+row.personName+ '</span>';
    }else{
        if(value == null) {
            return '<span href="JavaScript:void(0);">-</span>';
        }else {
            return '<a href="JavaScript:void(0);" onclick=\'contactDetail(\"'+row.contactId+'")\'>'+value+'</a>';
        }
    }


}

function  contactDetail(contactId) {
    parent.$(parent.document).data('multitabs').create({
        iframe: true,
        title: '联系人详情',
        url: "/front/user/contactManager/contactDetail?contactId=" + contactId
    },true);
}



function tagFormat(value){
    if(value != null && value != ''){
        var valueList =  value.split(',');
        if(valueList.length>5){
            valueList = valueList.slice(0,5)
        }
        let html = '';
        $.each(valueList,function(index,item){
            html +=  '<span class="tags">'+ item +'</span>';
        });

        return html;
    }else if(value == null || value  == ''){
        return '-'
    }
}

/**
 * 跟进记录--重置高级查询
 */
function clearAllData() {
    $('#customerName').val('');
    $('#customerName-senior').val('');
    $('#contactPerson').val('');
    $('#startDate').val('');
    $('#endDate').val('');
    $('#companySelect').val('').selectpicker('refresh');
    $('#userSelect').val('').selectpicker('refresh');
    $('#followWay').val('');
}
/**
 * 跟进记录--自定义操作列内容
 */
function genderOpt(value, row, index) {
    let html = '';
    html += '<button class="btn btn-default" onclick="getFollowInfo(\''+row.clueFollowId+'\',\''+row.followWay+'\')">详情</button>';
    html += '</ul></div>';
    return html;
}

//跟进记录--详情
function getFollowInfo(clueFollowId,followWay) {
    parent.$(parent.document).data('multitabs').create({
        iframe : true,
        title : "跟进详情",
        url : "/front/customerManager/customerFollowRecordDetail?followWay="+followWay+"&clueFollowId="+ clueFollowId
    }, true);
}



/**
 * 自定义操作列事件
 */
window.operateEvents = {
    // 跟进
    'click #followUp': function (e, value, row, index) {
        // followUpFun(row);
    },
};